@import "base.scss";

.accordion-list {
  @include for-tablet {
    display: none;
  }

  [role=listitem] > div:first-of-type {
    padding: gutter() 0;
  }

  .accordion-content {
    @include flex-container(column);

    padding-bottom: gutter();
  }

  .accordion-summary {
    padding: unset;
  }

  .expand-icon-align-top {
    @include flex-container(column, flex-start, center);
    align-self: flex-start;
    height: 1.5em;
  }
  
  .expand-icon {
    color: $gray-dark;
    font-size: 0.7em;

    transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  }
}
